.dark {
    background-color: #000;

    .control-side-view {
        background-color: #000;
    }


    .shrink-wrap {
        .px-icon-wrap {
            background-color: #24272C;
        }
    }

    .px-hover-show {
        background-color: #000;
        box-shadow: 0 0 2px 2px #24272C;
    }

    .sc-el-main {
        background-color: #24272C;

        .card-tip {
            .tip {
                background-color: #24272C;
            }
        }
    }

    .sc-menu {

        // .svg-icon {
        //     color: #414143;
        // }
        .hover-bg:hover {
            background-color: #24272C;
        }

        .menu-item_active {
            .svg-icon {
                color: #fff;
            }
        }

        .after-active {
            .svg-icon {
                color: #fff;
            }
        }
    }

    .screen-query {
        color: #fff;
    }

    .header_view {
        margin-bottom: 20px;
    }

    .el-input__wrapper {
        background: none;
        border-radius: 16px;
        box-shadow: 0 0 0 2px #fff;

        .el-input__inner {
            color: #fff;
        }

        &:hover {
            box-shadow: 0 0 0 2px #fff;
        }

    }

    .el-textarea {
        .el-textarea__inner {
            border-radius: 16px;
            background: none;
            color: #fff;
            box-shadow: 0 0 0 2px #fff;
        }

        .el-textarea__inner:focus {
            background-color: #fff;
            color: #000;
        }
    }

    .el-input .is-focus.el-input__wrapper {
        background-color: #fff;
        box-shadow: 0 0 0 2px #fff;
        overflow: hidden;

        .el-input__inner {
            color: #000;
        }
    }

    .el-dialog {
        background-color: #333;

        .el-dialog__title {
            color: #fff;
        }

        .el-dialog__close {
            color: #fff;
        }

        .el-form-item__label {
            color: #fff;
        }

        .el-radio__label {
            color: #fff;
        }
    }

    .page-query,
    .page-body,
    .page-footer {
        background-color: #000;

        .el-form {
            .el-form-item__label {
                color: #fff;
            }

            .el-radio__label {
                color: #fff;
            }
        }

        .el-pagination {
            .el-pagination__total {
                color: #fff;
            }
        }


    }

    .el-table {
        background: none;
    }

    .el-table__header {
        tr .el-table__cell {
            background-color: #000 !important;
            color: #fff;
        }

    }

    .el-table__row {
        background-color: #000;
        color: #fff;

        &:hover {
            color: #000;
        }
    }

    .customer-table {
        .el-table__header {
            tr .el-table__cell {
                background-color: #333 !important;
                color: #fff;
            }

        }

        .el-table__row {
            background-color: #333;
            color: #fff;

            &:hover {
                color: #333;
            }
        }

        .el-loading-mask {
            background-color: rgba(0, 0, 0, 0.2);
        }
    }

    .tabs-line {
        color: #bebebe;
        background-color: #3F4146;
        border: 1px solid rgba(84, 84, 88, 0.65);
        .tab-item {
            &.tab_active {
                background-color: $primary--color;

                .tab-title {
                    color: #fff;

                    &::before {
                        background-color: #fff;
                    }
                }
            }
        }
    }

    .sys-radio {
        background-color: #000;
    }


}